@charset "utf-8";
/* CSS Document */

.index-case .auto .case-item .case-item-top .cil1 {width: 66.666%;margin-bottom: 0;}
.index-case .auto .case-item .case-item-top .cil2 {width: 33.3%;margin-right: 0;margin-bottom: 0;float: left;}
.case-item ul li {width: 33.33333%;margin-right: 0;margin-bottom:0;}

.index-about {padding: 90px 0px;}

.case-bd-title-nav {}
.case-bd-title-nav a {display: inline-block;color: #999;position: relative;margin-left:10px;padding-bottom: 5px;font-size: 14px;cursor: pointer;color: #666;}
.case-bd-title-nav a::after {content: '';width: 0;height: 1px;opacity: 0;background: #000;position: absolute;left: 50%;bottom: 0px;transition: all .4s ease;}	
.case-bd-title-nav a.cur {color: #000;}
.case-bd-title-nav a.cur::after {width: 100%;left: 0;opacity: 1;}

.contact-4 {position:relative;}
.contact-4 .text-4 {text-align:center;position:absolute;left:0;top:0;z-index: 3;width:100%;height:100%;color:#fff;}
.contact-4 .text-4 p {font-size:18px;opacity: .8}
.contact-4 .text-4 strong {padding:10px 0 20px 0;font-size:34px;display:block;}
.contact-4 .text-4 a {color:#fff;width: 113px;height: 38px;border: 1px solid #fff;text-align: center;line-height: 38px;display:block;margin:30px auto auto auto;}
.contact-4 .text-4 a:hover {background:#fff;color:#000;}
.contact-4 .bgpic-4 {position:relative;}
.contact-4 .bgpic-4 img{display:block;width:100%;height:auto;}
.table {display:table;width:100%;height:100%;}
.table-cell {display:table-cell;vertical-align: middle;}
.design-trends {padding:100px 0;overflow:hidden;}
.design-trends-title {text-align:center;}
.design-trends-title p {font-size:36px;opacity: .3;text-transform: uppercase;font-family: 'Montserrat-Bold','ProximaSansMedium', Arial;}
.design-trends-title strong {padding:0px 0 20px 0;font-size:24px;display:block;}
.design-trends-item-4 {padding:30px 0;overflow:hidden;width: 1400px;margin:0 auto;}
.design-trends-item-4 li{float:left;width:25%;position:relative;overflow:hidden;margin:0;padding:0;list-style: none;}
.design-trends-item-4 li a{color:#666;line-height: 38px;display:block;padding: 0;font-size:12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:80%;}
.design-trends-item-4 li a:hover {color:#000;}
.design-trends-item-4 li:before {content:"";width:1px;height:100%;background:#e5e5e5;position:absolute;top:0;right:10%;}
.design-trends-item-4 li:last-child a {width:100%;}
.design-trends-item-4 li:last-child:before {display:none;}

.news-right-nav {position:absolute;right:0;top:0;width:50%;z-index:3;}
.news-right-nav .swiper-slide {text-align:center;}
.news-right-nav a {font-size:14px;color:#999;}
.news-right-nav a:hover {color:#000;}
.news-right-nav-swiper {width:90%;margin:auto;user-select: none; }
.news-right-nav .swiper-container .swiper-wrapper{transition-timing-function: linear;}
.news-right-nav .swiper-button-next,.news-right-nav .swiper-button-prev{width: 15px;height: 15px;background-size: 100%;margin-top: -7.5px;}
.news-right-nav-swiper .swiper-slide {width:auto;}
.news-right-nav .swiper-button-next {background: url('../../news/left.svg') center no-repeat;background-size: 130%;transform:rotate(180deg);}
.news-right-nav .swiper-button-prev{background: url('../../news/left.svg') center no-repeat;background-size: 130%;}

.ngbrand-news-content .swiper-button-next,.ngbrand-news-content .swiper-button-prev {opacity:.5;outline: none;}
.ngbrand-news-content .swiper-button-next:hover,.ngbrand-news-content .swiper-button-prev:hover {opacity:1;}
.ngbrand-news-content .swiper-button-next{right:-50px;background: url('../jt.svg') center no-repeat;background-size: 100%;}
.ngbrand-news-content .swiper-button-prev{left:-50px;background: url('../jt.svg') center no-repeat;background-size: 100%;transform:rotate(180deg);}





/*广告*/
.index-ad {width: 100%; height: 590px; padding-top: 270px;margin-top: 100px;}
.index-ad h2 { font-size: 48px; line-height: 50px; color: #fff; text-align: center;}
.ad-main .auto {padding: 90px 0px; overflow: hidden;}
.ad-main .auto .ad-item {float: left;width: 29%;margin-right: 5.33%;}
.ad-main .auto .ad-mr {margin-right: 0;}
.ad-main .auto .ad-item h3 {position: relative; font-size: 24px;  color: #fff; padding:3px 0;}
.ad-main .auto .ad-item h3:after {display:none;}
.ad-main .auto .ad-item .ad-des { font-size: 16px; line-height: 26px; margin-top: 30px;}
.ad-main .auto .ad-item ul {margin-top: 30px;color: #a3a3a3;}
.ad-main .auto .ad-item ul h4,.ad-main .auto .ad-item ul h2 { font-size: 14px; line-height: 24px;}
.ad-main .auto .ad-item ul li {position: relative;font-size: 14px; line-height: 30px; padding-left: 18px;}
.ad-main .auto .ad-item ul li:after {content: ""; position: absolute; left: 2px; top: 12px; width: 6px; height: 6px; background: #a3a3a3; border-radius: 100%;}
.ad-main .auto .ad-item ul li a,.ad-main .auto .ad-item ul * {color: #a3a3a3;}
.ad-main .auto .ad-item ul li h2 {}
.ad-item-title {position:relative;padding-left:70px;}
.ad-item-title i{width:60px;height:60px;position:absolute;left:0;top:0;}
.ad-item-title i img {display:both;width:100%;height:auto;}
.ad-item-title span {display:block;font-size:14px;color:#999;text-transform: uppercase;}

.index-news {clear: both;overflow: hidden;width:1440px;margin: auto;padding:100px 0 140px 0;}
.index-news-left {overflow: hidden;float: right;width: 48%;}
.index-news-left h2 {margin: 0;font-weight: normal;font-size: 30px;color: #000;display: block;border-bottom: 1px solid #bfbfbf;padding-bottom: 5px;}
.index-news-left-top {overflow: hidden;margin-top:20px;}
.index-news-left-top .img{position: relative;overflow: hidden;}
.index-news-left-top .img img.op0{display: block;width: 100%;height: auto;}
.index-news-left-top .text {padding: 3%;overflow: hidden;background: #ededed;}
.index-news-left-top .text h3{margin: 0;font-weight: normal;font-size: 16px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-news-left-top .text p{font-size: 12px;line-height: 22px;color: #515151; padding: 5px 0;overflow:hidden}
.index-news-left-top a:hover .text {background: #ccc;}
.index-news-left-bottom {padding: 30px 0;overflow: hidden;}
.index-news-left-bottom a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:30%;margin-right:5%;margin-bottom: 10px;padding-left: 10px;position: relative;font-size: 12px;color: #8d8d8d;float: left;}
.index-news-left-bottom a.in3 {margin-right: 0;}
.index-news-left-bottom a::before {content: '';display: block;width: 1px;height: 100%;background:#bfbfbf;position: absolute;left: 0;top: 0;}
.index-news-left-bottom a h4{font-weight: normal;margin: 0;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #8d8d8d;}
.index-news-left-bottom a:hover h4{color: #000;}
.index-news-right {overflow: hidden;float: left;width: 48%;}
.index-news-right h2 {margin: 0;font-weight: normal;font-size: 30px;color: #000;display: block;border-bottom: 1px solid #bfbfbf;padding-bottom: 5px;}
.index-news-right-news {padding: 20px 0 25px 0;overflow: hidden;}
.index-news-right-news a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:31.2%;margin-right:3%;margin-bottom: 10px;padding-left: 10px;position: relative;font-size: 12px;color: #8d8d8d;float: left;}
.index-news-right-news a.in3 {margin-right: 0;}
.index-news-right-news a h4 {font-weight: normal;margin: 0;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #8d8d8d;}
.index-news-right-news a::before {content: '';display: block;width: 1px;height: 100%;background:#bfbfbf;position: absolute;left: 0;top: 0;}
.index-news-right-news a:hover h4{color: #000;}
.index-news-right-center-news {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding:30px 0 25px 0;margin-bottom: 20px;overflow: hidden; }
.index-news-right-center-news .onetop-news{overflow: hidden;}
.index-news-right-center-news .onetop-news h4{margin: 0;font-weight: normal;font-size: 16px;color: #000;display: block;}
.index-news-right-center-news .onetop-news p{font-size: 12px;line-height: 22px;color: #737373; padding: 5px 0;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.index-news8 {padding:10px 0 0 0;overflow: hidden;}
.index-news8 a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:31.2%;margin-right:3%;margin-bottom: 10px;padding-left: 10px;position: relative;font-size: 12px;color: #8d8d8d;float: left;}
.index-news8 a.in3 {margin-right: 0;}
.index-news8 a::before {content: '';display: block;width: 1px;height: 100%;background:#bfbfbf;position: absolute;left: 0;top: 0;}
.index-news8 a:hover h4{color: #000;}
.index-news8 a h4{font-weight: normal;margin: 0;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #8d8d8d;}
.dpnone {display: none;opacity: 0;}
.op0 {opacity: 0;}
.ad-main.newadstyle {}
.ad-main.newadstyle .auto {width: 1400px;margin: auto;}
.ad-main.newadstyle .auto .ad-item .ad-des{color: #a3a3a3;font-size: 14px;line-height: 24px;margin-top:40px;}


.case-bd-title {position: relative;overflow: hidden;padding:0px 0 20px 0;}
.case-bd-title h3 {font-weight:normal;margin: 0;padding:10px 0;}
.case-bd-title-nav{text-align:right;position:absolute;right:0;top:13px;}

	

 
@media only screen and (max-width: 5120px){
	.auto,.ad-main.newadstyle .auto,.index-news,.ngb-footer-content,.ngb-bottom ul,.design-trends-item-4,.w1200,.ngbrand-news-content,.ngbrand-news-content,.ngbrand-news-content,.contact-us-kuang {width: 74%;}
	.csd-top .csd-des {width: 50%;}
	.csd-top-nav {width: 51.5%;}
	.index-news-right h2 {padding-bottom: 2%;}
	.index-news-right-news a {margin-bottom: 2%;}
	.index-news-right-center-news .onetop-news {padding-bottom: 3%;}
	.ad-main .auto .ad-item {width: 30%;margin-right: 5%;}
	.iabout {overflow: hidden;}
	.il-about {min-height: auto;background-size: 100%;}
	.slick-banner-swiper .swiper-pagination {bottom: 5%!important;}
	.page-bo::before {width: 74%!important;left: 13%!important;}
	.page-bo a.prev {padding-right: 10px;}
	.page-bo a.next {padding-left: 10px;}
	.csd-contact .text-1,.csd-contact .text-2 {font-weight: 300;}
	.ngbnews .ntxt p:nth-child(3) {padding: 3.5% 0 8% 0;}
	.environmental .w1200 {width: 1200px;}
}

@media only screen and (max-width: 1920px){
	.auto,.ad-main.newadstyle .auto,.index-news,.ngb-footer-content,.ngb-bottom ul,.design-trends-item-4,.ngbrand-news-content,.ngbrand-news-content,.ngbrand-news-content,.contact-us-kuang {width: 1400px;}
	.w1200  {width: 1200px;}
	.csd-top-nav {width:auto;}
	.csd-top .csd-des {width: 760px;}
	.index-news-right h2 {padding-bottom: 5px;}
	.index-news-right-news a {margin-bottom: 10px;}
	.index-news-right-center-news .onetop-news {padding-bottom: 0;}
	.ad-main .auto .ad-item {width: 29%;margin-right: 5.33%;}
	.il-about {float: left;width: 34%;padding: 3%;background: url(../upload/ai1.jpg) left center no-repeat;min-height: 380px;}
	.page-bo::before {width: 100%!important;left: 0!important;}
	.ngbnews .ntxt p:nth-child(3) {padding: 10px 0 20px 0;}
}

@media only screen and (max-width: 1680px){
	.index-news-right-news {padding: 20px 0;}
	.index-news-right-center-news {padding: 20px 0;margin-bottom: 10px;}
}
@media only screen and (max-width: 1440px){
	.index-news-right-news {padding: 25px 0 15px 0;}
	.index-news-right-center-news {padding: 25px 0 15px 0;margin-bottom: 5px;}
	.index-news-right-news a {margin-bottom: 8px;}
	.index-news {padding-bottom: 70px;}
	.ad-main.newadstyle .auto,.new-footer-top,.new-footer-bottom-main,.index-news {width: 90%;}
	.auto, .ad-main.newadstyle .auto, .index-news, .ngb-footer-content, .ngb-bottom ul, .design-trends-item-4, .ngbrand-news-content, .ngbrand-news-content, .ngbrand-news-content, .contact-us-kuang {width: 90%;}
	.index-case {padding: 100px 0 20px;}

}
@media only screen and (max-width: 1366px){
	.index-news-right-center-news .onetop-news p {min-height: auto;}
	.index-news-right h3 {font-size: 20px;}
}
@media only screen and (max-width: 860px){
	.index-news-left,.index-news-right,.new-footer-top-left,.new-footer-top-right {float: none;width: 100%;}
	.index-news-left-bottom a {width: 100%;margin-right: 0;}
	.index-news-right-news a,.index-news8 a {width: 100%;margin-right: 0;}
	.new-footer-nav {text-align: left;display: none;}
	.new-footer-nav ul {margin-bottom: 20px;margin-left: 0;display: block;}
	.new-footer-bottom { padding: 10% 0;}
	.new-footer-copy {padding-top: 25px;}
	.new-footerlink {padding-bottom: 25px;}
	.index-news {width: 90%;margin: auto;}
	.ad-main .auto .ad-item {float: none;width: 100%;margin-bottom: 50px;margin-right: 0;}
	.ad-main .auto {padding: 50px 0px;}
	.index-ad h2 {font-size: 24px;line-height: 40px;}
	.index-ad {margin-top: 50px; height: 390px;padding-top: 180px;}
	.index-case .auto .case-item .case-item-top .cil1,.index-case .auto .case-item .case-item-top .cil2,.case-item ul li {width: 100%;float: none;}
	.case-item-top a div,.case-item ul li a .icase-des .table {padding: 20px 0;}
	.ngbrand-news-othercase,.index-news-right,.news-left-path,.diy_select,.ngbrand-news-navpath,.ngbrand-news-right {display: none;}
	.iltxt {padding:0;}
	.huanhang {display: block;}
	.page-bo a.prev {margin-left: 5%;}
	.page-bo a.next {margin-right: 5%;}
	.mt66px {margin-top: 66px;}
	.ngb-fleft {width: 100%;}
	.ngb-fleft .addemail p{margin: 0;padding: 0;}
	.ngbnews .ntxt {padding: 0px 0 20px 0;}
}



@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}